<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	</head>
	<body>
		
		<div class="navlist">
			
		</div>
		<div class="navli">
				<a href="index.html">首　页</a>
				<a href="project.html">产品介绍</a>
				<a href="tryout.html">免费试用</a>
				<a href="agent.html">代理加盟</a>
				<a href="about.html">关于我们</a>
				<div class="down">
					<p>- 小辞店商户APP下载 -</p>
					<a>Android下载</a>
					<a>App Store下载</a>
				</div>
			</div>
		
		<div class="bodynav">
			
		
		
		<header class="flexBetween">
			<img class="logo" src="img/logo.png"><div class="navflow"><img class="navicon" src="svg/nav.svg"></img></div>
		</header>
		  <div class="banner">
		    <div class="swiper-wrapper">
		      <div class="swiper-slide">
		      	<img src="img/banner1.png" width="100%">
		      </div>
		      <div class="swiper-slide">
		      	<img src="img/banner2.png" width="100%">
		      </div>
		      <div class="swiper-slide">
		      	<img src="img/banner3.png" width="100%">
		      </div>
		      <div class="swiper-slide">
		      	<img src="img/banner4.png" width="100%">
		      </div>
		      <div class="swiper-slide">
		      	<img src="img/banner5.png" width="100%">
		      </div>
		    </div>
		  </div>
		  
		  <div class="whyus" id="showscroll">
		  <h2>-  为什么要加盟小辞店?  -</h2>
		  <!--<p>爱好舒服ishe覅偶文化官网IE配合我皮肤</p>-->
		  <div class="whyusbox">
		  	<div class="whyusboximg"><img src="img/project1.png" width="100%"></div>
		  	<div class="whyusboxtxt">
		  		<h4>为什么呢？</h4>
		  		<p>电视剧分类设计费零售价格克鲁赛德回过神来打开</p>
		  	</div>
		  </div>
		  <div class="whyusbox">
		  	<div class="whyusboxtxt">
		  		<h4>为什么呢？</h4>
		  		<p>电视剧分类设计费零售价格克鲁赛德回过神来打开</p>
		  	</div>
		  	<div class="whyusboximg"><img src="img/project2.png" width="100%"></div>
		  </div>
		  <div class="whyusbox">
		  	<div class="whyusboximg"><img src="img/project3.png" width="100%"></div>
		  	<div class="whyusboxtxt">
		  		<h4>为什么呢？</h4>
		  		<p>电视剧分类设计费零售价格克鲁赛德回过神来打开</p>
		  	</div>
		  </div>
		  <div class="whyusbox">
		  	<div class="whyusboxtxt">
		  		<h4>为什么呢？</h4>
		  		<p>电视剧分类设计费零售价格克鲁赛德回过神来打开</p>
		  	</div>
		  	<div class="whyusboximg"><img src="img/project4.png" width="100%"></div>
		  </div>
		  
		  </div>
		  
		  <div class="pk">
		  	
		  	<div class="pkhead">
		  		<div><img src="svg/good.svg" width="30px"></div>
		  		<div>PK</div>
		  		<div><img src="svg/good.svg" width="30px"></div>
		  	</div>
		  	
		  	<div class="pkbody">
		  		<div>
		  			<div><b>使用前</b></div>
		  			<div></div>
		  			<div><em><b>使用后</b></em></div>
		  		</div>
		  		<div>
		  			<div>对数据和食客流量走势无法统计或评估不准确</div>
		  			<div>管理</div>
		  			<div>大数据对商品、食客、营收、流量等进行评估分析</div>
		  		</div>
		  		<div>
		  			<div>商户在选择扫码点餐平台，需要花费巨额的加盟费</div>
		  			<div>成本</div>
		  			<div>小辞店真正做实现了<em>免费入驻</em>，为商户节省开支</div>
		  		</div>
		  		<div>
		  			<div>无额外客流引入</div>
		  			<div>客流</div>
		  			<div>线上推荐<em>引流</em>入店</div>
		  		</div>
		  		<div>
		  			<div>服务员有限，无法应对高峰期点餐导致跑单</div>
		  			<div>效率</div>
		  			<div>食客根据喜好选择点餐方式，再多食客也可<em>轻松</em>应对</div>
		  		</div>
		  		<div>
		  			<div>无品牌效应或需专人负责品牌建设，品牌效应低下</div>
		  			<div>品牌</div>
		  			<div>线上店铺名片及引流，随时随地分享门店，<em>口碑</em>相传</div>
		  		</div>
		  		
		  	</div>
		  	
		  	
		  	
		  </div>
		  
		  <div class="shopimg">
		  	<h2>-  已加盟门店展示  -</h2>
		  <p>爱好舒服ishe覅偶文化官网IE配合我皮肤</p>
		  <p>爱好舒服ishe覅偶文化官网IE配合我皮肤</p>
		  <div class="shopbox">
    <div class="swiper-wrapper">
    	<style type="text/css">
    		.simg{background-position: center;background-size: cover; min-width: 200px;width: 200px; height: 200px;border-radius: 10px;}
    		.simgpage span.swiper-pagination-bullet-active{background: #e62f17;}
    		
    	</style>
            <div class="swiper-slide simg" style="background-image:url(http://img4.imgtn.bdimg.com/it/u=1148562255,4183591145&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img3.imgtn.bdimg.com/it/u=56122090,892995575&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img5.imgtn.bdimg.com/it/u=2449749027,1433897618&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img2.imgtn.bdimg.com/it/u=3813934221,2550014997&fm=11&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img4.imgtn.bdimg.com/it/u=2838371271,422581693&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img3.imgtn.bdimg.com/it/u=1125080114,576113953&fm=11&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img5.imgtn.bdimg.com/it/u=2320403795,2349720538&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img5.imgtn.bdimg.com/it/u=893045059,4076985068&fm=11&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img4.imgtn.bdimg.com/it/u=1148562255,4183591145&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img3.imgtn.bdimg.com/it/u=56122090,892995575&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img5.imgtn.bdimg.com/it/u=2449749027,1433897618&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img2.imgtn.bdimg.com/it/u=3813934221,2550014997&fm=11&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img4.imgtn.bdimg.com/it/u=2838371271,422581693&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img3.imgtn.bdimg.com/it/u=1125080114,576113953&fm=11&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img5.imgtn.bdimg.com/it/u=2320403795,2349720538&fm=26&gp=0.jpg)"></div>
            <div class="swiper-slide simg" style="background-image:url(http://img5.imgtn.bdimg.com/it/u=893045059,4076985068&fm=11&gp=0.jpg)"></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination simgpage"></div>
  </div>

		  </div>
		  
		  <div class="jion">
		  	<div>
		  		<a href="project.html">产品介绍</a>
		  		<a href="tryout.html">免费试用</a>
		  	</div>
		  	<div>
		  		<a href="agent.html">代理加盟</a>
		  		<a href="about.html">关于我们</a>
		  	</div>
		  </div>
		  <div class="copyright">
		  	<p><img src="img/code.jpg" width="160px" /></p>
		  	<p>长按二维码关注小辞店公众号</p>
		  	<br/><br/>
		  	<p>全国统一客服热线 / 400 - 882 - 7950</p>
			<p>Copyright Reserved 2014-2015 © 致翼网络科技</p>
			<p>沪ICP备16000763号-1</p>
		  </div>
		  
		  
		  
		
		</div>
		<script src="js/swiper.min.js"></script>
		<script type="text/javascript">
			$(function(){
				var swiper = new Swiper('.banner',{
					autoplay:true,
      				effect : 'fade',
      				loop: true,
				})
				
				
				var swiper = new Swiper('.shopbox', {
					loop: true,
	  initialSlide :10,
      effect: 'coverflow',
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: 'auto',
      coverflowEffect: {
        rotate: 50,
        stretch: 0,
        depth: 100,
        modifier: 1,
        slideShadows : true,
      },
       pagination: {
        el: '.swiper-pagination',
        dynamicBullets: true,
      }
    });

				


				
				
				
				$(".navflow").click(function(){
					$(".navlist").show();
					$(".navli,.bodynav").addClass("bodyleft")
					$(".header").addClass("bodyleft")
				});
				$(".navlist").click(function(){
					$(".navlist").hide();
					$(".navli,.bodynav").removeClass("bodyleft")
					$(".header").removeClass("bodyleft")
				})
				
				
				
				

					$("body").scroll(function() {
				    if ($("#showscroll").offset().top <= 0) {
				    	$("header").addClass("header")
				    } else{
				    	$("header").removeClass("header")
				    }
				  });			
		
			
			})
			
			
			
	
			
			
			
			
		</script>
	</body>
</html>
